<template>
  <card>
    <div style="text-align: center; margin-bottom: 20px">
      <el-avatar shape="circle" :size="120">
        <img v-if="$special" src="../../assets/site/special.jpg" alt="头像"/>
        <img v-else-if="$level === 1" src="../../assets/site/level1.jpg" alt="头像"/>
        <img v-else-if="$level === 2" src="../../assets/site/level2.jpg" alt="头像"/>
        <img v-else-if="$level === 3" src="../../assets/site/level3.jpg" alt="头像"/>
        <img v-else src="../../assets/site/level4.jpg" alt="头像"/>
      </el-avatar>
    </div>
    <ul class="personInfo">
      <li>
        <span>网点名称(中)</span>
        <span>{{$user.name}}</span>
      </li>
      <li>
        <span>网点名称(老挝)</span>
        <span>{{$user.laosName}}</span>
      </li>
      <li>
        <span>地址(中)</span>
        <span>{{$user.address}}</span>
      </li>
      <li>
        <span>地址(老挝)</span>
        <span>{{$user.laosAddress}}</span>
      </li>
      <li>
        <span>联系方式</span>
        <span>{{$user.phone}}</span>
      </li>
    </ul>
  </card>
</template>

<script>
  export default {
    name: 'Info'
  }
</script>
